// assets/variable.less

// 基础颜色
@white: #ffffff;
@black: #000000;

// 主题色系
@primary-color: #1890ff;                         // 全局主色
@success-color: #52c41a;                        // 成功色
@warning-color: #faad14;                        // 警告色
@error-color: #f5222d;                          // 错误色

// 文本颜色
@text-color: rgba(0, 0, 0, 0.85);               // 主文本色
@text-color-secondary: rgba(0, 0, 0, 0.45);    // 次文本色

// 背景色
@background-color-light: #f0f2f5;               // 页面浅灰背景
@background-color-base: #fafafa;                // 基础背景色

// 边框
@border-color-base: #d9d9d9;                    // 边框色
@border-radius-base: 4px;                       // 组件/浮层圆角

// 阴影
@box-shadow-base: 0 2px 8px rgba(0, 0, 0, 0.15); // 浮层阴影

// 间距
@padding-md: 16px;                              // 常规间距
@margin-md: 16px;                               // 常规边距

// 字体
@font-size-base: 14px;                          // 主字号
@font-size-lg: @font-size-base + 2px;           // 大字号
@font-size-sm: 12px;                            // 小字号

// 动画
@ease-base-out: cubic-bezier(0.7, 0.3, 0.1, 1); // 动画缓动
